{% extends 'base/base.html' %}

{% block title %}关于我们 - 盲盒商城{% endblock %}

{% block content %}
<div class="container py-5">
    <div class="row">
        <div class="col-md-3">
            <!-- 侧边栏导航 -->
            <div class="card mb-4">
                <div class="card-header"><h4 class="mb-0">帮助中心</h4></div>
                <div class="list-group list-group-flush">
                    <a href="/help/faq/" class="list-group-item list-group-item-action">常见问题</a>
                    <a href="/help/#shopping" class="list-group-item list-group-item-action">购物指南</a>
                    <a href="/help/#payment" class="list-group-item list-group-item-action">支付问题</a>
                    <a href="/help/#shipping" class="list-group-item list-group-item-action">配送问题</a>
                    <a href="/help/contact/" class="list-group-item list-group-item-action">联系我们</a>
                    <a href="/help/about/" class="list-group-item list-group-item-action active">关于我们</a>
                    <a href="/help/terms/" class="list-group-item list-group-item-action">服务条款</a>
                    <a href="/help/privacy/" class="list-group-item list-group-item-action">隐私政策</a>
                </div>
            </div>
        </div>
        
        <div class="col-md-9">
            <!-- 公司介绍 -->
            <div class="card mb-4">
                <div class="card-header">
                    <h4 class="mb-0">公司介绍</h4>
                </div>
                <div class="card-body">
                    <h5>我们的故事</h5>
                    <p>我们致力于为消费者提供正品保障的各类潮流盲盒，包括IP联名款、限量版、独家定制系列等。</p>
                    <p>从最初的小型创业团队，到如今拥有超过100名员工的成熟企业，我们始终坚持"以用户体验为中心"的理念，不断创新服务模式，提升平台体验。</p>
                    
                    <h5 class="mt-4">我们的使命</h5>
                    <p>连接潮流文化与年轻人，让每一次开盒都充满惊喜与快乐。</p>
                    
                    <h5 class="mt-4">我们的愿景</h5>
                    <p>成为全球领先的潮流盲盒电商平台，打造最具影响力的盲盒文化社区。</p>
                </div>
            </div>
            
            <!-- 核心价值观 -->
            <div class="card mb-4">
                <div class="card-header">
                    <h4 class="mb-0">核心价值观</h4>
                </div>
                <div class="card-body">
                    <div class="row">
                        <div class="col-md-6 mb-4">
                            <div class="card h-100 border-primary">
                                <div class="card-header bg-primary text-white">
                                    <h5 class="mb-0">品质保障</h5>
                                </div>
                                <div class="card-body">
                                    <p>我们严格筛选合作品牌和商品，确保每一款盲盒都经过严格的质量把关，为用户提供正品保障。</p>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6 mb-4">
                            <div class="card h-100 border-success">
                                <div class="card-header bg-success text-white">
                                    <h5 class="mb-0">创新驱动</h5>
                                </div>
                                <div class="card-body">
                                    <p>我们不断探索新的商业模式和服务方式，引领盲盒行业的发展趋势，为用户带来全新的购物体验。</p>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6 mb-4">
                            <div class="card h-100 border-info">
                                <div class="card-header bg-info text-white">
                                    <h5 class="mb-0">用户至上</h5>
                                </div>
                                <div class="card-body">
                                    <p>我们始终将用户放在首位，不断优化平台体验，倾听用户反馈，持续改进服务质量。</p>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6 mb-4">
                            <div class="card h-100 border-warning">
                                <div class="card-header bg-warning text-dark">
                                    <h5 class="mb-0">诚信经营</h5>
                                </div>
                                <div class="card-body">
                                    <p>我们坚持诚信经营，保护用户隐私，公平交易，确保平台上的每一笔交易都值得信赖。</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            
   
        </div>
    </div>
</div>
{% endblock %} 